/* 
    Document   : default
    Created on : 27 mars 2012, 09:26:23
    Author     : David
    Description:
        Purpose of the stylesheet follows.
*/

.diagram{
  -fx-border-width: 2px;
  -fx-border-color: gray;
  -fx-border-style: solid;
  -fx-background-color: white;
  -fx-effect: innershadow(two-pass-box, black, 10, .2, 0, 0);
  -fx-border-radius: 4px;
  -fx-background-radius: 4px;
}

.tab-content-area{
  -fx-background-color: black;
  -fx-border-radius: 4px;
  -fx-background-radius: 4px;
}

#background {
  -light-black: rgb(74, 75, 78);
  -dark-highlight: rgb(87, 89, 92);
  -dark-black: rgb(39, 40, 40);
  -darkest-black: rgb(5, 5, 5);
  -mid-gray: rgb(216, 222, 227);
}

.segmented-button-bar {
  -fx-base: -dark-black;
  -fx-font-size: 12pt;
  -fx-background-color:
      linear-gradient(to bottom, derive(-fx-base,-20%), derive(-fx-base,-40%)),
      linear-gradient(to bottom, -light-black 2%, -dark-black 98%);
  -fx-background-insets: 0, 0 0 1 0;
  -fx-padding: .9em 0.416667em .9em 0.416667em;
  -fx-effect: dropshadow(two-pass-box,black,5,.2,0,0);
}

.tools{
  -fx-padding: 5px;
}

.tools .label{
  -fx-padding: 2px 10px 2px;
  -fx-background-color:
      #444444,
      #DDDDDD,
      linear-gradient(to top, #AAAAAA, #DDDDDD 40%);
  -fx-background-insets: 0, 1 1 1 0, 2 1 1 1; 
}

/*
.tools .label:pressed{
  -fx-background-color:
      #444444,
      #DDDDDD,
      linear-gradient(to bottom, #AAAAAA, rgba(0, 0, 0, 0) 50%);
  -fx-background-insets: 0, 1 1 1 0, 1 1 1 0; 
}
*/

.tools .label#btnAddClass{
  -fx-border-radius: 3 0 0 3;
  -fx-background-radius: 3 0 0 3;
  -fx-background-insets: 0, 1 1 1 1, 2 1 1 2; 
}

/*
.tools .label#btnAddClass:pressed{
  -fx-background-insets: 0, 1 1 1 1, 1; 
}
*/

.tools .label#btnAddClassAssociation{
  -fx-border-radius: 0 3 3 0;
  -fx-background-radius: 0 3 3 0;
}

.segmented-button-bar .button {
  -fx-background-color:
      -darkest-black,
      -dark-highlight,
      linear-gradient(to bottom, -light-black 2%, -dark-black 98%);
  -fx-background-insets: 0, 1 1 1 0, 2 1 1 1;
  -fx-background-radius: 0;
  -fx-padding: 0.4em 1.833333em 0.4em 1.833333em;
}
 
.segmented-button-bar .button.first {
  -fx-background-insets: 0, 1, 2 1 1 1;
  -fx-background-radius: 3 0 0 3, 2 0 0 2, 2 0 0 2;
}
 
.segmented-button-bar .button.last {
  -fx-background-insets: 0, 1 1 1 0, 2 1 1 1;
  -fx-background-radius: 0 3 3 0, 0 2 2 0, 0 2 2 0;
}

.segmented-button-bar .button:pressed {
  -fx-background-color:
        -darkest-black,
        rgb(55, 57, 58),
        linear-gradient(to top, -light-black 2%, -dark-black 98%);
}

.tab{
  -fx-background-color:
        black,
        #999999,
        linear-gradient(to top, #999999 10%, #555555 98%);
  -fx-background-insets: 0, 1 1 1 1, 2 1 1 2;
  -fx-padding: 3 50 3;
}

.tab:hover{
  -fx-padding: 5 50 5;
}

.tab:selected{
  -fx-background-color:
        black,
        #999999,
        linear-gradient(to bottom, #EEEEEE 3%, #444444 10%, #222222 98%);
  -fx-background-insets: 0, 1 1 1 1, 2 1 1 2;
  -fx-padding: 6 50 6;
}

.tab .tab-label{
  -fx-text-fill: white;
  -fx-font-size: 12px;
}

.tab:selected .tab-label{
  -fx-font-size: 16px;
}